<template>
  <div class="App">
    <h2 class="content">我是app组件</h2>
    <Count></Count>
  </div>
</template>

<script>
import Count from "@/components/Count";

export default {
  name: 'App',
  components: {
    Count,
  }
}
</script>

<style scoped>
  .App{
    border: 1px solid skyblue;
  }
  .content{
    background-color: yellowgreen;
  }
  /*深度样式*/
  .App >>> .count{
    background-color: pink;
  }
</style>